import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

// 一次性注册所有的 Vant 组件
import Vant, { Lazyload } from 'vant'
import 'vant/lib/index.less'

// 动态设置根节点的 font-size
import 'amfe-flexible'

// 导入 dayjs 的核心模块
import dayjs from 'dayjs'
// 导入计算相对时间的插件
import relativeTime from 'dayjs/plugin/relativeTime'
// 导入中文语言包
import zh from 'dayjs/locale/zh-cn'

// 配置“计算相对时间”的插件
dayjs.extend(relativeTime)
// 配置中文语言包
dayjs.locale(zh)

// 定义计算相对时间的过滤器   { article.pubdate | dateFormat }
Vue.filter('dateFormat', (dt) => {
  return dayjs().to(dt)
})

// 今后，在 .vue 结尾的组件中，不需要再按需导入了，可以直接使用 Vant 的组件
Vue.use(Vant)
// 把 Lazyload 注册为全局指令，注册好以后，v-lazy 指令就可以使用了
Vue.use(Lazyload)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
